<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<link href="<c:url value="/css/style.css" />" rel="stylesheet" type="text/css" media="screen" />
		<title>購物付款</title>

		<style type="text/css">
			#page1{
 	width:1050px;
 	background:#FFFACD;
 	border-radius:45px;
 	-moz-border-radius:45px;
 	-webkit-border-radius:45px;
 	margin: 0 auto;
	padding: 0;
	border-width:rough;
	border-style:dashed;
	border-color:#FFFF00;
	
 	}
			#shopPay {
				width: 800px;
				background: none;
				margin: auto;
			}
			.content_box{
	width:600px;
	
	display: inline-block;
	font-size:12px;
	border: 3px dashed #FF3937;
	padding: 10px;
	margin: 5px 5px 5px 0;
	overflow:hidden;
	font-size:16px;
	line-height: 1.5em;
	letter-spacing: 1pt;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;	
}

			.st1 {
				width: 150px;
				text-align: left;
				font-size: 5mm;
			}
			.st2 {
				width: 450px;
				text-align: left;
				font-size: 5mm;
				vertical-align: middle;
			}
		</style>
		<script src="<c:url value="/js/jquery-1.9.1.min.js" />"></script>
	</head>
	<body>
		<!-- 引入共同的頁首 -->
		<c:set var="funcName" value="IND" scope="session"/>
		<jsp:include page="/top/top.jsp" />

		<!-- 從這裡開始寫 -->
		<div id="page1">
		<form action="<c:url value='/mbproductServlet'/>" method="post">
			<center>
			<table class="content_box">

				<tr>
					<td class="st1">影片編號：</td>
					<td class="st2">${products_Pay.pid}</td>
				</tr>
				<tr>
					<td class="st1">影音檔名：</td>
					<td class="st2">${products_Pay.pname}</td>
				</tr>
				<tr>
					<td class="st1">廚　　師：</td>
					<td class="st2">${products_Pay.pcooker}</td>
				</tr>
				<tr>
					<td class="st1">國　　籍：</td>
					<td class="st2">${products_Pay.pcountry}</td>
				</tr>
				<tr>
					<td class="st1">影片簡介：</td>
					<td class="st2">${products_Pay.pintroduce}</td>
				</tr>

			</table>
			</center>
			<center>
			<div>
					
					<input type="hidden" name="pid" value="${products_Pay.pid}">
					<input type="submit" value="收藏" />
					
					<button type="button" >
						<a href="<%=request.getContextPath()%>/shopping/DisplayProduct?action=serch_all">回上頁</a>
					</button>
			</div>
			</center>
		</form>
</div>
		<c:if test="${not empty success }">
			<script type="text/javascript">
				$(function() {
					alert("收藏成功!!");
				})
			</script>
		</c:if>

		<c:if test="${not empty fail }">
			<script type="text/javascript">
				$(function() {
					alert("您已經收藏過囉!!");
				})
			</script>
		</c:if>
		<!-- 寫到這裡結束 -->

		<div id="footer-wrapper">
			<div id="footer">
				<p>
					Copyright (c) 2010 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/" rel="nofollow">FCT</a>.
				</p>
			</div>
		</div>
	</body>
</html>